<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="/templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                >
    <ui:define name="title">
        Historias Clinicas
    </ui:define>    
    <ui:define name="datos">
        <center>
            <h:panelGrid id="panelDatos">
                <h:form id="formDatos">
                    <p:focus id="foco" />
                    <p:panel header="Datos busqueda" >
                        <h:panelGrid id="datosBusqueda" columns="8" >

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputLabel  value="Fecha inicio" />
                            <p:calendar pattern="dd-MM-yyyy" mask="true"  value="#{jsfReporteProduccionHc.fechaInicio}" label="Fecha inicio"
                                          placeholder="Fecha inicio" required="true" id="fechainicio">
                            </p:calendar> 
                            <p:message for="fechainicio" />

                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputLabel  value="Fecha fin" />
                            <p:calendar pattern="dd-MM-yyyy" mask="true"  value="#{jsfReporteProduccionHc.fechaFin}" label="Fecha fin"
                                          placeholder="Fecha fin" required="true" id="fechaFin">
                            </p:calendar> 
                            <p:message for="fechaFin" />


                        </h:panelGrid>
                        <center>
                            <h:panelGrid columns="2" >
                                <h:panelGroup id="panelBotones">
                                    <p:commandButton id="btBuscar" process="@form" update=":panelDatos" value="Buscar" action="#{jsfReporteProduccionHc.listarHc()}"  title="Buscar">
                                    </p:commandButton>
                                    <p:commandButton id="btNuevo" process="@none" update="@form" value="Nuevo" action="#{jsfReporteProduccionHc.nuevoAction()}"  title="Limpiar o crear nuevo registro">
                                    </p:commandButton>

                                </h:panelGroup>
                                <p:ajaxStatus id="commonStatus">
                                    <f:facet name="start">
                                        <h:graphicImage library="images/ajax" name="status2.gif"/>
                                    </f:facet>
                                </p:ajaxStatus>
                            </h:panelGrid>
                        </center>
                        <p:message for="formDatos">
                            <f:facet name="errorMarker">
                                <h:graphicImage library="images/ajax" name="warning.gif"/>
                            </f:facet>
                            <f:facet name="infoMarker">
                                <h:graphicImage library="images/ajax" name="passed.gif"/>
                            </f:facet>
                        </p:message>


                        <h:panelGroup >
                            <h:graphicImage library="images/ajax" name="bullet.gif" />
                            <h:outputText styleClass="campo-obligatorio" value="Campo obligatorio"/>
                        </h:panelGroup>

                    </p:panel>


                    <h:panelGrid id="panelLista">
                        <p:dataTable id="listaSimple" value="#{jsfReporteProduccionHc.lista}" var="item"  
                                     rendered="#{jsfReporteProduccionHc.lista.size()>0}"
                                     emptyMessage="No se encontraro registros"
                                     rowIndexVar="rowIndex" rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'odd-row' : 'even-row'}">
                            <f:facet name="header">
                                <h:outputText value="Registros encontrados [#{jsfReporteProduccionHc.lista.size()}]" />
                                <p:spacer width="40" height="10" />
                                <h:commandLink action="#{jsfReporteProduccionHc.imprimirListadoHc()}" immediate="true" title="Imprimir turno"   >
                                    <h:graphicImage url="#{resource['images:pdf.jpg']}" height="22px" width="22px"  styleClass="pic" />
                                    <h:outputText value="Exportar a Pdf"/>
                                </h:commandLink>
                                <h:commandLink action="#{jsfReporteProduccionHc.imprimirListadoXls()}" immediate="true" title="Imprimir turno"   >
                                    <h:graphicImage url="#{resource['images:xls.jpg']}" height="22px" width="22px"  styleClass="pic" />
                                     <p:dataExporter  type="xls" target="listaSimple" fileName="Produccion" />
                                </h:commandLink>
                            </f:facet>
                            <p:column headerText="#" >
                                <h:outputText value="#{jsfReporteProduccionHc.lista.indexOf(item)+1}"/>
                            </p:column>
                            <p:column headerText="Historia Clínica" >
                                <h:outputText value="#{item.chcHistoriaClinica}"/>
                            </p:column>
                            <p:column headerText="Nombres" >
                                <h:outputText value="#{item.chcNombreFull}"/>
                            </p:column>
                            <p:column headerText="Cédula" >
                                <h:outputText value="#{item.chcCedula}"/>
                            </p:column>
                            <p:column headerText="Fecha nacimeinto" >
                                <h:outputText value="#{item.chcFechaNacimiento}">
                                    <f:convertDateTime pattern="yyyy/MM/dd"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="Edad" >
                                <h:outputText value="#{item.chcEdad}"/>
                            </p:column>
                            <p:column headerText="Barrio" >
                                <h:outputText value="#{item.chcBarrio}"/>
                            </p:column>
                            <p:column headerText="Telefono" >
                                <h:outputText value="#{item.chcTelefonoConv}"/>
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>


                    <p:growl id="growl"  showDetail="true" life="6500" />  
                </h:form>
            </h:panelGrid>
        </center>
    </ui:define>

</ui:composition>
